/** @type {import('tailwindcss').Config} */
export default {
    content: [
        './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
        './src/components/**/*.{js,ts,jsx,tsx,mdx}',
        './src/app/**/*.{js,ts,jsx,tsx,mdx}',
    ],
    theme: {
        extend: {
            colors: {
                background: 'var(--background)',
                foreground: 'var(--foreground)',
            },
            animation: {
                ripple: 'ripple 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite',
                'pulse-fast': 'pulse 1s cubic-bezier(0.4, 0, 0.2, 1) infinite',
                shimmer: 'shimmer 2s linear infinite',
            },
            keyframes: {
                ripple: {
                    '0%': { transform: 'scale(0)', opacity: '1' },
                    '100%': { transform: 'scale(1)', opacity: '0' },
                },
                shimmer: {
                    '0%': { backgroundPosition: '-200% 0' },
                    '100%': { backgroundPosition: '200% 0' },
                },
            },
            backgroundImage: {
                'gradient-shimmer':
                    'linear-gradient(90deg, transparent 0%, rgb(63, 63, 70) 50%, transparent 100%)',
            },
        },
    },
    plugins: [],
};
